<!doctype html>
<html lang="" class="h5">
<head>
  <meta charset="utf-8">
  <meta name="description" content="">
  <meta name="viewport"
        content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
  <meta name="x5-orientation" content="portrait">
  <meta name="full-screen" content="yes">
  <title>DESCENTE</title>

  <link rel="apple-touch-icon" href="apple-touch-icon.png">
  <!-- Place favicon.ico in the root directory -->

  <link href="https://cdn.staticfile.org/Swiper/4.4.1/css/swiper.min.css" rel="stylesheet">
  <!-- build:css styles/vendor.css -->
  <!-- bower:css -->
  <!-- endbower -->
  <!-- endbuild -->

  <!-- build:css styles/main.css -->
  <link rel="stylesheet" href="styles/main.css">
  <!-- endbuild -->
  <script>
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?a8d4222870d8f2dfc63cc01e5980090e";
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(hm, s);
    })();
  </script>

</head>
<body>
<div style="display: none">
  <img id="share_img" src="images/LOGO_BLK.jpg" alt="">
</div>
<!-- loading -->
<section id="load" style="display: block"><img src="images/DESCENTE_LOADING-3.gif" alt="Loading"></section>
<!--  弹出层 -->
<section id="popup" style="display: none">
  <div class="mask"></div>
  <img class="close" src="images/close.png" alt="">
  <!-- Swiper -->
  <div class="swiper-container daniel">
    <div class="swiper-wrapper">
      <div class="swiper-slide">
        <div class="img">
          <img data-src="images/Slideshow_Daniel/Slideshow_Daniel001.jpg" class="swiper-lazy" alt="">
          <a href="./more_products.html"></a>
        </div>
        <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
      </div>
      <div class="swiper-slide">
        <div class="img">
          <img data-src="images/Slideshow_Daniel/Slideshow_Daniel002.jpg" class="swiper-lazy" alt="">
          <a href="./more_products.html"></a>
        </div>
        <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
      </div>
      <div class="swiper-slide">
        <div class="img">
          <img data-src="images/Slideshow_Daniel/Slideshow_Daniel003.jpg" class="swiper-lazy" alt="">
          <a href="./more_products.html"></a>
        </div>
        <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
      </div>
      <div class="swiper-slide">
        <div class="img">
          <img data-src="images/Slideshow_Daniel/Slideshow_Daniel004.jpg" class="swiper-lazy" alt="">
          <a href="./more_products.html"></a>
        </div>
        <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
      </div>
      <div class="swiper-slide">
        <div class="img">
          <img data-src="images/Slideshow_Daniel/Slideshow_Daniel005.jpg" class="swiper-lazy" alt="">
          <a href="./more_products.html"></a>
        </div>
        <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
      </div>
      <div class="swiper-slide">
        <div class="img">
          <img data-src="images/Slideshow_Daniel/Slideshow_Daniel006.jpg" class="swiper-lazy" alt="">
          <a href="./more_products.html"></a>
        </div>
        <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
      </div>
      <div class="swiper-slide">
        <div class="img">
          <img data-src="images/Slideshow_Daniel/Slideshow_Daniel007.jpg" class="swiper-lazy" alt="">
          <a href="./more_products.html"></a>
        </div>
        <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
      </div>
    </div>
    <!-- Add Arrows -->
    <div class="swiper-button-next swiper-button-next1"></div>
    <div class="swiper-button-prev swiper-button-prev1"></div>
  </div>
  <!-- Swiper -->
  <div class="swiper-container kol">
    <div class="swiper-wrapper">
      <div class="swiper-slide">
        <div class="img">
          <img data-src="images/Slideshow_KOL_PACK/杜一妮001.jpg" class="swiper-lazy" alt="" num="1">
          <a href="./more_products.html"></a>
        </div>
        <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
      </div>
      <div class="swiper-slide">
        <div class="img">
          <img data-src="images/Slideshow_KOL_PACK/VAVA.jpg" class="swiper-lazy" alt="" num="2">
          <a href="./more_products.html"></a>
        </div>
        <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
      </div>
      <div class="swiper-slide">
        <div class="img">
          <img data-src="images/Slideshow_KOL_PACK/杨旭文_002.jpg" class="swiper-lazy" alt="" num="3">
          <a href="./more_products.html"></a>
        </div>
        <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
      </div>
      <div class="swiper-slide">
        <div class="img">
          <img data-src="images/Slideshow_KOL_PACK/张铭恩.jpg" class="swiper-lazy" alt="" num="4">
          <a href="./more_products.html"></a>
        </div>
        <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
      </div>
      <div class="swiper-slide">
        <div class="img">
          <img data-src="images/Slideshow_KOL_PACK/IKWA.jpg" class="swiper-lazy" alt="" num="5">
          <a href="./more_products.html"></a>
        </div>
        <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
      </div>
      <div class="swiper-slide">
        <div class="img">
          <img data-src="images/Slideshow_KOL_PACK/趙方舟.jpg" class="swiper-lazy" alt="" num="6">
          <a href="./more_products.html"></a>
        </div>
        <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
      </div>
      <div class="swiper-slide">
        <div class="img">
          <img data-src="images/Slideshow_KOL_PACK/王嘉尔.jpg" class="swiper-lazy" alt="" num="7">
          <a href="./more_products.html"></a>
        </div>
        <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
      </div>
      <div class="swiper-slide">
        <div class="img">
          <img data-src="images/Slideshow_KOL_PACK/徐志贤001.jpg" class="swiper-lazy" alt="" num="8">
          <a href="./more_products.html"></a>
        </div>
        <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
      </div>
      <div class="swiper-slide">
        <div class="img">
          <img data-src="images/Slideshow_KOL_PACK/杜一妮002.jpg" class="swiper-lazy" alt="" num="9">
          <a href="./more_products.html"></a>
        </div>
        <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
      </div>
      <div class="swiper-slide">
        <div class="img">
          <img data-src="images/Slideshow_KOL_PACK/李辰科001.jpg" class="swiper-lazy" alt="" num="10">
          <a href="./more_products.html"></a>
        </div>
        <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
      </div>
      <div class="swiper-slide">
        <div class="img">
          <img data-src="images/Slideshow_KOL_PACK/徐志贤002.jpg" class="swiper-lazy" alt="" num="11">
          <a href="./more_products.html"></a>
        </div>
        <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
      </div>
      <div class="swiper-slide">
        <div class="img">
          <img data-src="images/Slideshow_KOL_PACK/K_MAN001.jpg" class="swiper-lazy" alt="" num="12">
          <a href="./more_products.html"></a>
        </div>
        <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
      </div>
      <div class="swiper-slide">
        <div class="img">
          <img data-src="images/Slideshow_KOL_PACK/李辰科002.jpg" class="swiper-lazy" alt="" num="13">
          <a href="./more_products.html"></a>
        </div>
        <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
      </div>
      <div class="swiper-slide">
        <div class="img">
          <img data-src="images/Slideshow_KOL_PACK/杨旭文_001.jpg" class="swiper-lazy" alt="" num="14">
          <a href="./more_products.html"></a>
        </div>
        <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
      </div>
      <div class="swiper-slide">
        <div class="img">
          <img data-src="images/Slideshow_KOL_PACK/萌叔小熊猫.jpg" class="swiper-lazy" alt="" num="15">
          <a href="./more_products.html"></a>
        </div>
        <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
      </div>
      <div class="swiper-slide">
        <div class="img">
          <img data-src="images/Slideshow_KOL_PACK/阿布002.jpg" class="swiper-lazy" alt="" num="16">
          <a href="./more_products.html"></a>
        </div>
        <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
      </div>
      <div class="swiper-slide">
        <div class="img">
          <img data-src="images/Slideshow_KOL_PACK/K_MAN002.jpg" class="swiper-lazy" alt="" num="17">
          <a href="./more_products.html"></a>
        </div>
        <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
      </div>
      <div class="swiper-slide">
        <div class="img">
          <img data-src="images/Slideshow_KOL_PACK/徐志贤001.jpg" class="swiper-lazy" alt="" num="18">
          <a href="./more_products.html"></a>
        </div>
        <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
      </div>
      <div class="swiper-slide">
        <div class="img">
          <img data-src="images/Slideshow_KOL_PACK/张思帆.jpg" class="swiper-lazy" alt="" num="19">
          <a href="./more_products.html"></a>
        </div>
        <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
      </div>
      <div class="swiper-slide">
        <div class="img">
          <img data-src="images/Slideshow_KOL_PACK/石佳鹏001.jpg" class="swiper-lazy" alt="" num="20">
          <a href="./more_products.html"></a>
        </div>
        <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
      </div>
      <div class="swiper-slide">
        <div class="img">
          <img data-src="images/Slideshow_KOL_PACK/萌叔小熊猫.jpg" class="swiper-lazy" alt="" num="21">
          <a href="./more_products.html"></a>
        </div>
        <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
      </div>
      <div class="swiper-slide">
        <div class="img">
          <img data-src="images/Slideshow_KOL_PACK/顾义伟001.jpg" class="swiper-lazy" alt="" num="22">
          <a href="./more_products.html"></a>
        </div>
        <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
      </div>
      <div class="swiper-slide">
        <div class="img">
          <img data-src="images/Slideshow_KOL_PACK/张嘉倪.jpg" class="swiper-lazy" alt="" num="23">
          <a href="./more_products.html"></a>
        </div>
        <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
      </div>
      <div class="swiper-slide">
        <div class="img">
          <img data-src="images/Slideshow_KOL_PACK/左其铂.jpg" class="swiper-lazy" alt="" num="24">
          <a href="./more_products.html"></a>
        </div>
        <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
      </div>
      <div class="swiper-slide">
        <div class="img">
          <img data-src="images/Slideshow_KOL_PACK/K_WOMAN001.jpg" class="swiper-lazy" alt="" num="25">
          <a href="./more_products.html"></a>
        </div>
        <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
      </div>
      <div class="swiper-slide">
        <div class="img">
          <img data-src="images/Slideshow_KOL_PACK/VAVA.jpg" class="swiper-lazy" alt="" num="26">
          <a href="./more_products.html"></a>
        </div>
        <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
      </div>
      <div class="swiper-slide">
        <div class="img">
          <img data-src="images/Slideshow_KOL_PACK/朱元冰.jpg" class="swiper-lazy" alt="" num="27">
          <a href="./more_products.html"></a>
        </div>
        <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
      </div>
      <div class="swiper-slide">
        <div class="img">
          <img data-src="images/Slideshow_KOL_PACK/未知002.jpg" class="swiper-lazy" alt="" num="28">
          <a href="./more_products.html"></a>
        </div>
        <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
      </div>
    </div>
    <!-- Add Arrows -->
    <div class="swiper-button-next swiper-button-next2"></div>
    <div class="swiper-button-prev swiper-button-prev2"></div>
  </div>
</section>
<div id="body" style="display: block">
  <div class="bg"></div>
  <div class="home">
    <div class="content">
      <div class="logo">
        <img class="fix_img" src="images/logo.png" alt="logo">
      </div>
      <div class="btn1" onclick="_hmt.push(['_trackEvent', 'WU', 'click', 'literature']);">
        <div class="btn1_ani /*animated fadeInLeft*/">
          <img class="fix_img" src="images/btn_1.jpg" alt="btn1">
        </div>
      </div>
      <div class="btn2" onclick="_hmt.push(['_trackEvent', 'Star', 'click', 'literature']);">
        <div class="btn2_ani /*animated fadeInLeftBig*/">
          <img class="fix_img" src="images/btn_2.jpg" alt="btn2">
        </div>
      </div>
    </div>
  </div>
</div>
<section id="daniel_waterfall" class="daniel waterfall" style="display: none">
  <img class="back_home" src="images/back_home.png" alt="">
  <div class="img-item">
    <img class="gridGroup1 gridGroup1-1" data-src="images/LONGDOWN_MOVE.gif" alt="">
    <img class="gridGroup2 gridGroup2-1" data-src="images/daniel/DANIEL001_450.jpg" data-id="2" alt="">
  </div>
  <div class="img-item">
    <img class="gridGroup1 gridGroup1-2" data-src="images/daniel/DANIEL002_450.jpg" data-id="1" alt="">
    <img class="gridGroup2 gridGroup2-2" data-src="images/daniel/LOGO_BLK.jpg">
    <img class="gridGroup3 gridGroup3-2" data-src="images/daniel/DANIEL011_450.jpg" data-id="7" alt="">
  </div>
  <div class="img-item">
    <img class="gridGroup1 gridGroup1-3" data-src="images/DESCENTE_MOVE.gif" alt="">
    <img class="gridGroup2 gridGroup2-3" data-src="images/daniel/DANIEL006_450.jpg" data-id="4" alt="">
  </div>
  <div class="img-item">
    <img class="gridGroup1 gridGroup1-4" data-src="images/daniel/DANIEL003_450.jpg" data-id="3" alt="">
    <img class="gridGroup2 gridGroup2-4" data-src="images/daniel/DANIEL010_450.jpg" data-id="4" alt="">
    <img class="gridGroup3 gridGroup3-4" data-src="images/DANIEL_MOVE.gif" alt="">
    <img class="gridGroup4 gridGroup4-4" data-src="images/daniel/BLK_450_DESCENTE.jpg" alt="">
  </div>
  <div class="img-item">
    <img class="gridGroup1 gridGroup1-5" data-src="images/daniel/DANIEL004_450.jpg" data-id="1" alt="">
    <img class="gridGroup2 gridGroup2-5" data-src="images/daniel/DANIEL007_450.jpg" data-id="5" alt="">
  </div>
  <div class="img-item">
    <img class="gridGroup1 gridGroup1-6" data-src="images/LONGDOWN_MOVE.gif" alt="">
    <img class="gridGroup2 gridGroup2-6" data-src="images/daniel/DANIEL008_450.jpg" data-id="6" alt="">
  </div>
  <div class="img-item">
    <img class="gridGroup1 gridGroup1-7" data-src="images/daniel/DANIEL011_450.jpg" data-id="7" alt="">
    <img class="gridGroup2 gridGroup2-7" data-src="images/daniel/LOGO_BLK.jpg">
    <img class="gridGroup3 gridGroup3-7" data-src="images/daniel/DANIEL002_450.jpg" data-id="1" alt="">
  </div>
  <div class="img-item">
    <img class="gridGroup1 gridGroup1-8" data-src="images/daniel/DANIEL001_450.jpg" data-id="2" alt="">
    <img class="gridGroup2 gridGroup2-8" data-src="images/LONGDOWN_MOVE.gif" alt="">
  </div>
</section>
<section id="kol_waterfall" class="kol waterfall" style="display: none">
  <img class="back_home" src="images/back_home.png" alt="">
  <div class="img-item3">
    <img class="kolGroup1-1" data-src="images/KOL_300X300/KOL_001.jpg" data-id="1" alt="">
    <img class="kolGroup2-1" data-src="images/DESCENTE_MOVE.gif" alt="">
  </div>
  <div class="img-item3">
    <img class="kolGroup1-2" data-src="images/KOL_300X300/KOL_002.jpg" data-id="2" alt="">
    <img class="kolGroup2-2" data-src="images/KOL_300X300/KOL_061.jpg" data-id="3" alt="">
  </div>
  <div class="img-item3 ">
    <img class="kolGroup1-3" data-src="images/KOL_300X300/KOL_003.jpg" data-id="4" alt="">
    <img class="kolGroup2-3" data-src="images/KOL_300X300/KOL_062.jpg" data-id="5" alt="">
  </div>
  <div class="img-item3">
    <img class="kolGroup1-4" data-src="images/DESCENTE_MOVE.gif" alt="">
    <img class="kolGroup2-4" data-src="images/KOL_300X300/KOL_038.jpg" data-id="6" alt="">
  </div>
  <div class="img-item3">
    <img class="kolGroup1-5" data-src="images/KOL_300X300/KOL_005.jpg" data-id="7" alt="">
    <img class="kolGroup2-5" data-src="images/KOL_300X300/KOL_020.jpg" data-id="8" alt="">
  </div>
  <div class="img-item3">
    <img class="kolGroup1-6" data-src="images/KOL_300X300/KOL_006.jpg" data-id="9" alt="">
    <img class="kolGroup2-6" data-src="images/daniel/LOGO_BLK.jpg" alt="">
  </div>
  <div class="img-item3">
    <img class="kolGroup1-7" data-src="images/KOL_300X300/KOL_040.jpg" data-id="10" alt="">
    <img class="kolGroup2-7" data-src="images/KOL_300X300/KOL_017.jpg" data-id="11" alt="">
  </div>
  <div class="img-item3">
    <img class="kolGroup1-8" data-src="images/KOL_300X300/KOL_058.jpg" data-id="12" alt="">
    <img class="kolGroup2-8" data-src="images/DESCENTE_MOVE.gif" alt="">
  </div>
  <div class="img-item3">
    <img class="kolGroup1-9" data-src="images/LONGDOWN_MOVE.gif" alt="">
    <img class="kolGroup2-9" data-src="images/KOL_300X300/KOL_041.jpg" data-id="13" alt="">
  </div>
  <div class="img-item3">
    <img class="kolGroup1-10" data-src="images/KOL_300X300/KOL_059.jpg" data-id="14" alt="">
    <img class="kolGroup2-10" data-src="images/LONGDOWN_MOVE.gif" alt="">
  </div>
  <div class="img-item3">
    <img class="kolGroup1-11" data-src="images/KOL_300X300/KOL_011.jpg" data-id="15" alt="">
    <img class="kolGroup2-11" data-src="images/KOL_300X300/KOL_034.jpg" data-id="16" alt="">
  </div>
  <div class="img-item3">
    <img class="kolGroup1-12" data-src="images/KOL_300X300/KOL_060.jpg" data-id="17" alt="">
    <img class="kolGroup2-12" data-src="images/KOL_300X300/KOL_026.jpg" data-id="18" alt="">
  </div>
  <div class="img-item3">
    <img class="kolGroup1-13" data-src="images/daniel/LOGO_BLK.jpg" alt="">
    <img class="kolGroup2-13" data-src="images/KOL_300X300/KOL_055.jpg" data-id="19" alt="">
  </div>
  <div class="img-item3">
    <img class="kolGroup1-14" data-src="images/KOL_300X300/KOL_048.jpg" data-id="20" alt="">
    <img class="kolGroup2-14" data-src="images/KOL_300X300/KOL_024.jpg" data-id="21" alt="">
  </div>
  <div class="img-item3">
    <img class="kolGroup1-15" data-src="images/KOL_300X300/KOL_008.jpg" data-id="22" alt="">
    <img class="kolGroup2-15" data-src="images/KOL_300X300/KOL_064.jpg" data-id="23" alt="">
  </div>
  <div class="img-item3">
    <img class="kolGroup1-16" data-src="images/KOL_300X300/KOL_035.jpg" data-id="24" alt="">
    <img class="kolGroup2-16" data-src="images/KOL_300X300/KOL_065.jpg" data-id="25" alt="">
  </div>
  <div class="img-item3">
    <img class="kolGroup1-17" data-src="images/DESCENTE_MOVE.gif" alt="">
    <img class="kolGroup2-17" data-src="images/KOL_300X300/KOL_002.jpg" data-id="26" alt="">
  </div>
  <div class="img-item3">
    <img class="kolGroup1-18" data-src="images/KOL_300X300/KOL_066.jpg" data-id="27" alt="">
    <img class="kolGroup2-18" data-src="images/KOL_300X300/KOL_052.jpg" data-id="28" alt="">
  </div>
</section>
<script src="https://cdn.staticfile.org/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/Swiper/4.4.1/js/swiper.min.js"></script>
<script src="https://cdn.staticfile.org/gsap/latest/TweenMax.min.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<!--<script src="https://wechatfe.github.io/vconsole/lib/vconsole.min.js?v=3.2.0"></script>-->
<!-- build:js scripts/vendor.js -->
<!-- bower:js -->
<!-- endbower -->
<!-- endbuild -->

<!-- build:js scripts/main.js -->
<script src="scripts/resLoader.js"></script>
<script src="scripts/main.js"></script>
<!-- endbuild -->
</body>
</html>
